<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="common/global.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>服务治理 - 服务列表</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctx}/www/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="${ctx}/www/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="${ctx}/www/css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="${ctx}/www/css/animate.min.css" rel="stylesheet">
    <link href="${ctx}/www/css/style.min.css?v=4.0.0" rel="stylesheet">
    <base target="_blank">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>服务中心</h5>

                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="8">
                                <thead>
                                <tr>
                                    <th data-toggle="true">服务ID</th>
                                    <th>服务名称</th>
                                    <th>所属应用</th>
                                    <th>负责人</th>
                                    <th>所属分组</th>
                                    <th>服务提供者</th>
                                    <th>服务消费者</th>
                                    <th data-hide="all">所属组织</th>
                                    <th data-hide="all">描述信息</th>
                                </tr>
                                </thead>
                                <tbody>
	                                <c:forEach items="${serviceList}" var="service">
		                                <tr>
		                                    <td>${service.name}</td>
		                                    <td>${service.title}</td>
		                                    <td>${service.application}</td>
		                                    <td>${service.owner}</td>
		                                    <td>${service.group}</td>
		                                    <td><a class="J_menuItem" href="${ctx}/provider" target="chart"><i class="fa fa-truck"></i> [${service.providerCount}]</a></td>
		                                    <td><a class="J_menuItem" href="${ctx}/consumer"><i class="fa fa-shopping-cart"></i> [${service.consumerCount}]</a></td>
		                                    <td><i style="font-size: 12px">${service.organization}</i></td>
		                                    <td><i style="font-size: 12px">${service.msg}</i></td>
		                                </tr>
	                                </c:forEach>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="7">
                                        <ul class="pagination pull-right"></ul>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    <script src="${ctx}/www/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctx}/www/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="${ctx}/www/js/plugins/footable/footable.all.min.js"></script>
    <script src="${ctx}/www/js/content.min.js?v=1.0.0"></script>
    <script>
        $(document).ready(function(){$(".footable").footable();});
    </script>
</body>
</html>